<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>YoutubeDEMO</title>
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
	<script src="js/jQuery.tubeplayer.min.js" type="text/javascript"></script>
	<script src="js/playerObj.js" type="text/javascript"></script>
	<script>
		var player;
		$(document).ready(function(){
			player = new playerObj($("#ytapiplayer"),"e4wq-t3uGCE");
		});
		
		function animation(){
			var startTime = 30;
			var duration = 5;
			if(player.currentTime==startTime){
				$('#book').animate({
					left: '+=300'
				}, duration*1000);
			}
		}
		
		function seek(){
			player.seek($("#seekto").val());
		}
		
	</script>
	</script>
</head>
<body>
	<div id="ytapiplayer">   </div>
	<input type="button" value="test" onclick="test()"><br>
	seek:<input type="text" id="seekto"><input type="button" value="go" onclick="seek()"><br>
	<input type="button" value="Data" onclick="player.getdata()">
	<div style="position:absolute;left:10px;top:10px;color:red" id="book">test</div>
	<div id="test"></div>
</body>
</html>